<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head th:replace="common/commonLayout::head('登录','/static/css/dlstyle.css')">
</head>
<body>


<div class="login-boxtitle">
    <a href="home.html"><img alt="logo" th:src="@{/static/images/logobig.png}"/></a>
</div>

<div class="login-banner">
    <div class="login-main">
        <div class="login-banner-bg"><span></span><img th:src="@{/static/images/big.jpg}"/></div>
        <div class="login-box">

            <h3 class="title">登录商城</h3>

            <div class="clear"></div>

            <div class="login-form">
                <form th:action="@{/ec/loginUrl}" th:method="post" id="form">
                    <div class="user-name">
                        <label for="userName"><i class="am-icon-user"></i></label>
                        <input type="text" name="userName" id="userName" placeholder="邮箱/手机/用户名">
                    </div>
                    <div class="user-pass">
                        <label for="userPwd"><i class="am-icon-lock"></i></label>
                        <input type="password" name="userPwd" id="userPwd" placeholder="请输入密码">
                    </div>
                    <input type="hidden" name="rememberMe" id="hideRememberMe" />
                </form>
            </div>

            <div class="login-links">
                <label for="rememberMe"><input id="rememberMe" name="rememberMe" type="checkbox">记住密码</label>
                <a href="#" class="am-fr">忘记密码</a>
                <a th:href="@{/ec/signUpUrl}" class="zcnext am-fr am-btn-default">注册</a>
                <br/>
            </div>
            <div class="am-cf">
                <input type="button" name="" onclick="login()"  value="登 录" class="am-btn am-btn-primary am-btn-sm">
            </div>
            <div class="partner">
                <h3>合作账号</h3>
                <div class="am-btn-group">
                    <li><a href="#"><i class="am-icon-qq am-icon-sm"></i><span>QQ登录</span></a></li>
                    <li><a href="#"><i class="am-icon-weibo am-icon-sm"></i><span>微博登录</span> </a></li>
                    <li><a href="#"><i class="am-icon-weixin am-icon-sm"></i><span>微信登录</span> </a></li>
                </div>
            </div>

        </div>
    </div>
</div>


<div th:include="common/commonLayout::footer"></div>
<div th:include="common/commonLayout::js"></div>
<script type="text/javascript">
    function login() {
        $("#hideRememberMe").val($("#rememberMe").prop("checked"));
        $("#form").submit();
    }
</script>
</body>
</html>